<!DOCTYPE html>
<html>
	<head>
	<title>标梵小秘书</title>
	<meta name="description" content="标梵小秘书"/>
    <meta name="keywords" content="标梵小秘书"/>
    <meta charset="utf-8">
    <meta name="robots" content="all" />
    <meta name="author" content="biaofan.com.cn" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href="css/am.css" rel="stylesheet"/>
	<link href="css/iconfont.css" rel="stylesheet"/>
	<link href="css/style.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/flexslider.css">
	<script src="js/jquery.js"></script>
    <script src="js/jquery.flexslider.js"></script>

	</head>
	<body>
    <div class="webpage">
        <div class="banner fadeInUp wow">
            <ul class="slidese clear box-style1">
                <li style="box-shadow: 0 6px 10px pink;">
                    <a href="">
                        <img src="images/banner.png" alt="">

                    </a>
                </li>
                <li style="box-shadow: 0 6px 10px rgba(0,114,255,.4);">
                    <a href="">
                        <img src="images/service-banner.png" alt="">
                    </a>
                </li>
            </ul>
        </div>

        <div class="topnav">
            <ul class="eachnav clear">
                <li class="fl fadeInUp wow" data-wow-delay="200ms">
                    <a href="">
                        <div class="iconbj">
                            <i class="iconfont icon-weibiaoti--3"></i>
                        </div>
                        <p>推广服务</p>
                    </a>
                </li>
                <li class="fl fadeInUp wow" data-wow-delay="400ms">
                    <a href="">
                        <div class="iconbj">
                            <i class="iconfont icon-weibiaoti--6"></i>
                        </div>
                        <p>优化服务</p>
                    </a>
                </li>
                <li class="fl fadeInUp wow" data-wow-delay="600ms">
                    <a href="">
                        <div class="iconbj">
                            <i class="iconfont icon-weibiaoti--4"></i>
                        </div>
                        <p>运营服务</p>
                    </a>
                </li>
                <li class="fl fadeInUp wow" data-wow-delay="800ms">
                    <a href="service.html">
                        <div class="iconbj">
                            <i class="iconfont icon-weibiaoti--2"></i>
                        </div>
                        <p>更多服务</p>
                    </a>
                </li>
            </ul>
        </div>

        <div class="notification fadeInUp wow">
            <div class="clear">
                <div class="message fl">
                    <i class="iconfont icon-weibiaoti--"></i>
                    <div class="message-list">
                         <ul class="li-list" style="height: 15px; top: -12px;">
                            <li class="clear">
                                <a href="">
                                    <p class="fl">技术部定于10月26日凌晨1:30进行服务器升级</p>
                                    <span class="fr">09-10</span>
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="news box-style1">
            <div class="module-top box-style2 clear">
                <h3 class="fl fadeInLeft wow">资讯动态</h3>
                <a class="more fr fadeInRight wow" href="./news.html">更多</a>
            </div>
            <div class="news-list">
                <ul class="zixunlist">
                    <li class="clear wow">
                        <a href="">
                            <div class="pic fl">
                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                            </div>
                            <div class="text fr">
                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                <p>2018-09-10</p>
                            </div>
                        </a>
                    </li>
                    <li class="clear wow">
                        <a href="">
                            <div class="pic fl">
                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                            </div>
                            <div class="text fr">
                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                <p>2018-09-10</p>
                            </div>
                        </a>
                    </li>
                    <li class="clear wow">
                        <a href="">
                            <div class="pic fl">
                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                            </div>
                            <div class="text fr">
                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                <p>2018-09-10</p>
                            </div>
                        </a>
                    </li>
                    <li class="clear wow">
                        <a href="">
                            <div class="pic fl">
                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                            </div>
                            <div class="text fr">
                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                <p>2018-09-10</p>
                            </div>
                        </a>
                    </li>
                    <li class="clear wow">
                        <a href="">
                            <div class="pic fl">
                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                            </div>
                            <div class="text fr">
                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                <p>2018-09-10</p>
                            </div>
                        </a>
                    </li>
                    <li class="clear wow">
                        <a href="">
                            <div class="pic fl">
                                <div class="pic-img" style="background: url(images/news-img1.png) center center no-repeat;height: 85px;"></div>
                            </div>
                            <div class="text fr">
                                <h3>用户在浏览网站时，反感的体验效果有哪些？</h3>
                                <p>2018-09-10</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="promotions box-style1">
            <div class="module-top clear">
                <h3 class="fl fadeInLeft wow">优惠活动</h3>
            </div>
            <div class="promotions-list">
                <ul class="li-list-a clear">
                    <li class="fl fadeInUp wow">
                        <a href="">
                            <div class="pic-img" style="background: url(images/index-active-1.png) center center no-repeat;height: 90px;"></div>
                            <p>行业建站优惠方案</p>
                        </a>
                    </li>
                    <li class="fl fadeInUp wow">
                        <a href="">
                            <div class="pic-img" style="background: url(images/index-active-2.png) center center no-repeat;height: 90px;"></div>
                            <p>推广优化优惠方案</p>
                        </a>
                    </li>
                    <li class="fl fadeInUp wow">
                        <a href="">
                            <div class="pic-img" style="background: url(images/index-active-3.png) center center no-repeat;height: 90px;"></div>
                            <p>品牌VI优惠方案</p>
                        </a>
                    </li>
                    <li class="fl fadeInUp wow">
                        <a href="">
                            <div class="pic-img" style="background: url(images/index-active-4.png) center center no-repeat;height: 90px;"></div>
                            <p>行业建站优惠方案</p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="gotop fadeInUp wow">
            <p>—— 已经到底了哦，点我回顶部吧！ ——</p>
        </div>

        <div class="bottom-navigation">
            <ul class="clear navigatio">
                <li class="fl active">
                    <a href="index.html">
                        <i class="iconfont icon-home-full"></i>
                        <p>首页</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="news.html">
                        <i class="iconfont icon-barrage"></i>
                        <p>资讯</p>
                    </a>
                </li>
                <li class="fl">
                    <a href="personalCenter-Normal.html">
                        <i class="iconfont icon-my"></i>
                        <p>个人中心</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>



    <style>


    </style>

    <script src="js/base.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
        $('.gotop').click(function() {
                $('body,html').animate({
                        "scrollTop": 0
                },
                1000)
        });


        var time;
        var thisObj = $('ul.zixunlist');
        time = setTimeout(function(){
            thisObj.find("li").each(function(i){
                var tA = $(this);
                setTimeout(function(){
                    tA.addClass('fadeInUp',300).fadeIn('fast');
                },150*i);
            });
        },200);


    </script>
	</body>
</html>
